<div fxLayout="row" fxLayoutAlign="center center">
  <mat-card fxFlex>
    <mat-card-title>基本表单</mat-card-title>
    <mat-card-content>
      <form fxLayout="column">
        <mat-form-field class="full-width">
          <input matInput placeholder="请输入您的邮箱">
        </mat-form-field>
        <mat-form-field class="full-width">
          <input matInput placeholder="请输入您的密码">
        </mat-form-field>
        <mat-checkbox class="extra-options">记住我</mat-checkbox>
        <button mat-raised-button color="primary" type="submit">提交</button>
      </form>
    </mat-card-content>
  </mat-card>
</div>

<div fxLayout="row" fxLayoutAlign="center center">
  <mat-card fxFlex>
    <mat-card-title>单行表单</mat-card-title>
    <mat-card-content>
      <form>
        <mat-form-field>
          <input matInput placeholder="请输入您的邮箱">
        </mat-form-field>
        <mat-form-field>
          <input matInput placeholder="请输入您的密码">
        </mat-form-field>
        <mat-checkbox>记住我</mat-checkbox>
        <button mat-raised-button color="primary" type="submit">提交</button>
      </form>
    </mat-card-content>
  </mat-card>
</div>
